@charset "UTf-8";

@import "common";

.wrap{
/** 中间内容部分 **/
    section{
        margin-bottom: -30px;
        /**标题图**/
        .s_shuffling{
            width:100%;
            height: auto;
            overflow: hidden;
            text-align: center;
            img{
                max-width: 100%;
                vertical-align: middle;
            }
        }
        /***游戏类别***/
        .s_class{
            width: 100%;
            height: 78px;
            background: $hblue;
            font-size: 0;
            div{
                width: 11.1%;
                height: 100%;
                display: inline-block;
                border: 1px solid #0c9b9d;
//              line-height: 78px;
                text-align: center;
                cursor: pointer;
                span{
                    color:#fff; 
                    display:inline-block; 
                    &:first-child{
                        font-size: $font-20;
                        margin-top:15px ;
                    }
                    &:last-child{
                        font-size: $font-12;
                    }
                }
                &:first-child{
                    margin-left: calc(30.5%/2);
                }
                &:hover,&.active{
                    background: $yellow;
                }
            }
        }
        /***游戏列表***/
        .s_gamelist{
            width:69.4%;
            height: auto;
            margin: 0 auto;
            /***热度分类***/
            .s_gameclass{
                width: 100%;
                height: auto;
                text-align: center;
                div{
                    display: inline-block;
                    font-size:$font-16; 
                    padding: 10px 25px 10px 25px;
                    border:1px solid $gray2; 
                    border-radius: 40px ;
                    cursor: pointer;
                    margin: 60px 0px 40px 15px ;
                    &:first-child{
                        margin: 0px;
                    }
                    &:hover,&.active{
                        color: #fff;
                        background: $bblue;
                    }
                }
            }
            /**分页切换导航**/
            .s_paging{
                height: 46px;
                text-align: center;
                margin-top: 70px;
                div{
                    display: inline-block;
                    vertical-align: middle;
                    text-align: center;
                    &.number{
                        border:1px solid $gray2;
                        padding:9px 25px 9px 25px;
                        border-radius: 22px;
                        margin:0px 2px 0px 2px;
                    }
                    i{
                        color:$gray2 ;
                        cursor:pointer;
                        font-size: 40px;
                        &:hover{
                            color: $bblue;
                        }
                    }
                }
            }
        }
    }//last of section    
}